<template>
    <div>
        <div class="swiper">
            <Sort></Sort>
            <Swiper :slides="slidesImage" v-model="index"></Swiper>
        </div>
    </div>
</template>
<script>
import Swiper from "@/views/widgets/Swiper"
import config from "@/config/config"
import Sort from "@/views/widgets/Sort"
export default {
    name:'Index',
    components: {
        Swiper,
        Sort
    },
     data(){
         return {
             index:0
         }
     },
     computed:{
         slidesImage(){
             return config.goods.map(item=>item.poster)
         }
     }
    
}
</script>
<style scoped>
.swiper{
    height:500px;
    background-color:chocolate;
}
</style>